@charset "utf-8";
/*******开始首页导航******/
.nav{ position:fixed; top:0px; height:100px; background:url(/images/topbg.png) repeat; z-index:99999; width:100%;}
.nav_right{ float:right;  width:600px; margin-top:15px;}
.nav_right ul{ width:100%; float:left; padding-top:30px;}
.nav_right ul li{ float:left; position:relative; padding:0px 12px; font-size:14px; color:#fff;  height:30px; overflow:hidden; }
.nav_right li span{ display:block; height:30px; position:relative; top:0px; }
.nav_right li a{ color:#fff;height:30px; display:block; position:relative; top:0px; }
/*******结束首页导航******/

/***********开始首页第一屏************/
.bannerpanel { position: relative;  }
.banner { position: relative; width: 100%; overflow: hidden; left: 0px; top: 0px; z-index: 1; }
.banneritem { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banneritem .pic { position: absolute; width: 100%; height: 100%; }
.banneritem .imgIn img { visibility: visible !important; -webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.banneritem .pic img { width: 100%; display: block; }
.banerBtns { height: 23px; bottom: 20px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; display: none; }
.banerBtns span { height: 16px; line-height: 16px; width: 10px;  margin: 0px 6px; display: inline-block;  background: url(/images/num_1.png) no-repeat center center; cursor: pointer; opacity: 0; }
.banerBtns span.cur { background: url(/images/num_2.png) no-repeat center center; }
.bannerfont { text-align: center; width: 430px; position: absolute; z-index: 1000; left: 35%; top: 50%; height: 300px; margin: -230px 0px 0px -215px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.bannerfont .fone { height: 78px; position: absolute; left: 0px; top: 154px; width: 100%; display: none; }
.bannerfont .ftwo { height: 76px; position: absolute; left: 0px; bottom: 0px; width: 100%; display: none; }
/***********结束首页第一屏************/

/***********开始首页关于中天************/
.page2{height:700px; background:url(/images/bg2.jpg) no-repeat; padding-top:48px; }
.about_t1{ text-align:center; color:#333333; font-size:40px;}
.about_t2{ text-align:center; color:#333333; font-size:16px; padding-top:10px;font-family:微软雅黑; }
.about_c{  color:#666666;font-family:微软雅黑; font-size:14px; line-height:26px; padding-top:30px;}

.service_list{ width:1002px; float:left; padding-top:70px;}
.service_list ul{ position:relative; z-index:2; float:left;}
.service_list ul li{ float:left;  padding:157px 45px 0px 45px; width:127px;}
.service_list ul li.icon0{background:url(../images/icon1.png) no-repeat 0px top; padding:157px 45px 0px 0px;  }
.service_list ul li.icon0:hover{background:url(../images/icon01.png) no-repeat 0px top; }
.service_list ul li.icon1{background:url(../images/icon2.png) no-repeat 45px top; }
.service_list ul li.icon1:hover{background:url(../images/icon02.png) no-repeat 45px top; }
.service_list ul li.icon2{background:url(../images/icon3.png) no-repeat 45px top; }
.service_list ul li.icon2:hover{background:url(../images/icon03.png) no-repeat 45px top; }
.service_list ul li.icon3{background:url(../images/icon4.png) no-repeat 45px top; }
.service_list ul li.icon3:hover{background:url(../images/icon04.png) no-repeat 45px top; }
.service_list ul li.icon4{background:url(../images/icon5.png) no-repeat 45px top; padding:157px 0px 0px 45px;}
.service_list ul li.icon4:hover{background:url(../images/icon05.png) no-repeat 45px top; }

.service_list ul li a{ display: inline-table; width:127px; text-align:center; color:#000; top:0px;  position:absolute;  font-size:16px;font-family:微软雅黑;  padding-bottom:10px;}
.service_list ul li a.avtive{ color:#007fc5; top:54px;}
.service_list ul li span{height:54px; overflow:hidden;  display:block; position:relative; z-index:3;}

.service_list ol{ z-index:1; display:block; color:#000; float:left; position:relative; top:-185px; left:87px;}
.service_list ol li{ float:left; color:#d4d4d4;font-family:微软雅黑; font-size:60px; width:90px; padding:0px 63px;}

.about_more{ float:left; width:100%; margin-top:30px;}
.about_more01{margin:0 auto; height:37px; width:132px; position:relative; overflow:hidden; }
.about_more01 a,.about_more01 span{ text-align:center; position:relative; display:block; font-family:微软雅黑; line-height:35px; height:35px; font-size:16px;  width:130px;}

.about_more01 span{ color:#666666; border:#cdcdcd solid 1px; top:0px;}
.about_more01 a{color:#ffffff; border:#007fc5 solid 1px; background:#007fc5;top:0px;}

.page3{height:670px; background:url(/images/bg3.jpg) no-repeat; padding-top:80px;}
.domain_t1{text-align:center; color:#ffffff; font-size:40px;}
.domain_t2{text-align:center; color:#ffffff; font-size:24px; padding-top:10px;font-family:微软雅黑;}
/***********结束首页关于中天************/

/***开始首页支柱产业************************/
.domain_t3{ width:1002px; float:left; padding-top:120px; }
.domain_t3 dl{ float:left; width:310px; padding-right:33px;}
.domain_t3 dl dt{padding:4px;border:#fff solid 1px; width:300px; overflow:hidden;}
.domain_t3 dl dt span{width:300px; overflow:hidden; display:block;}
.domain_t3 dl dt img{
	display: block; width:300px; height:183px;
    
    transition-duration: 1000ms;
    transition-timing-function: ease-out;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-out;
	}
.domain_t3 dl dt:hover img{
	transform: scale(1.2, 1.2);
    transition-duration: 1000ms;
    transition-timing-function: ease-out;
	-webkit-transform: scale(1.2, 1.2);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-out;
	}
.domain_t3 dl dd.pro_title{ line-height:45px; height:45px; overflow:hidden;  color:#fff; text-align:center; font-size:16px;font-family:微软雅黑; border-bottom:#fff solid 1px;}
.domain_t3 dl dd.pro_c{ width:100%; line-height:21px; padding-top:10px; color:#666;  height:67px; overflow:hidden;}
.domain_t3 dl dd.more{ margin-top:25px; float:left; position:relative;overflow:hidden; height:32px;}

.domain_t3 dl dd.more a,.domain_t3 dl dd.more span{position:relative; width:90px; display:block; height:30px; line-height:30px;  text-align:center; font-size:12px; color:#333;}
.domain_t3 dl dd.more span{border:#cdcdcd solid 1px; top:0px;}
.domain_t3 dl dd.more a{background:#007fc5; color:#fff; border:#007fc5 solid 1px;top:0px;}

.i_banner{float:left; }
.box-zzsc{ width:1002px; position:relative;}
.ctrl-panel{ position:absolute; z-index:1000; bottom:10px; left:50%; margin-left:-25px;}
.m-page{ display:block; width:10px; height:20px; text-align:center; background:url(../images/num_1.png) no-repeat; float:left; display:inline; margin-left:15px; line-height:20px; color:#fff; font-size:13px;}
.m-page:hover{ text-decoration:none; color:#fff;}
.focus{background:url(../images/num_2.png) no-repeat;}

.con{ width:100%;}
.scroll-wrap {OVERFLOW: hidden; WIDTH: 1002px; POSITION: relative; HEIGHT: 520px}
.scroll_box_content {POSITION: absolute}
.content_list {FLOAT: left; WIDTH: 1002px; HEIGHT: 420px; cursor:pointer;}

/***结束首页支柱产业**************/

/***开始首页新闻中心***********/

.page4{height:680px;  background:url(/images/bg4.jpg) no-repeat; padding-top:68px; }
.i_news{ width:1002px; float:left; }
.new_left{ width:490px; float:left;}
.new_right{ width:490px; float:right; height:340px;}
.new_right dl{ width:490px; float:left; margin-bottom:20px; height:100px; overflow:hidden;}
.new_right dl dt{ float:left; width:98px; height:100px; background:#bbbbbb; color:#fff;}
.new_right dl:hover dt{background:#007fc5;}
.new_right dl dt span.day{ font-size:50px; display:block; width:98px; text-align:center; padding:4px 0px;}
.new_right dl dt span.date{font-family:微软雅黑; font-size:13px; width:98px; text-align:center; display:block;}
.new_right dl dd{ background:#ededed; width:372px; line-height:26px; float:left; padding:10px; font-size:12px; color:#666666;font-family:微软雅黑;}
.new_right dl dd a.more_t{ width:392px; line-height:30px; display:block; font-size:14px; color:#333333; text-align:center;}
.new_right dl dd a.more{ color:#ff0000;}
/***结束首页新闻中心***********/

/***********开始首页底部***********/
.page5{ height:325px; background:#252525;}
.telephone{ height:70px; border-bottom:#3b3b3b solid 1px; line-height:70px; color:#ffffff;font-family:微软雅黑; font-size:14px;}
.telephone_left{ float:left;}
.telephone_right{ float:right; width:170px;}
.telephone_right a{ width:29px; display:table-cell; padding-left:20px;}
.telephone_right a.qq{ background:url(../images/qq1.png) no-repeat center center;}
.telephone_right a.qq:hover{ background:url(../images/qq11.png) no-repeat center center;}
.telephone_right a.weixin{ background:url(../images/weixin2.png) no-repeat center center; position:relative;}
.telephone_right a.weixin:hover{ background:url(../images/weixin22.png) no-repeat center center;}
.telephone_right a.weixin img{ position:absolute; bottom:53px; right:-16px; display:none;}

.telephone_right a.xinlang{ background:url(../images/xinlang3.png) no-repeat center center;}
.telephone_right a.xinlang:hover{ background:url(../images/xinlang33.png) no-repeat center center;}
.telephone_right a.weibo{ background:url(../images/weibo4.png) no-repeat center center;}
.telephone_right a.weibo:hover{ background:url(../images/weibo44.png) no-repeat center center;}

.bottom_nav{ height:180px; border-bottom:#3b3b3b solid 1px;clear:both;}
.contact_us{ width:360px; float:left; }
.contact_us h1{ color:#fff;font-family:微软雅黑; line-height:50px; font-size:14px;}

.bottom_nav01{ width:500px; height:170px;float:right; padding-top:10px;}
.bm_about{ padding-left:40px; width:100px; float:left; }
.bm_about h1{color:#fff;font-family:微软雅黑;  line-height:30px; font-size:14px;}
.bm_about li{ list-style:disc; margin:0px 12px; line-height:28px; float:left; white-space:nowrap;}
.bm_about li a:hover{ text-decoration:underline;}
.foot{ float:left; color:#fff; line-height:70px; width:100%;}
.return{ height:35px; width:35px; z-index:999; position:fixed; border-radius:50%; bottom:50px; right:50px; line-height:50px; text-align:center; font-size:18px; color:#f00; font-weight:bold; display:none; background:url(/images/return.png) no-repeat center center;
}
.test{animation:myfirst 500ms ;
	transform-origin:top center;
	-webkit-animation:myfirst 500ms ;
	-webkit-transform-origin:top center;
	}
@keyframes myfirst{
		100%{transform:rotate(-29deg);}
		99%{transform:rotate(28deg);}
		98%{transform:rotate(-27deg);}
		97%{transform:rotate(26deg);}
		96%{transform:rotate(-25deg);}
		95%{transform:rotate(24deg);}
		94%{transform:rotate(-23deg);}
		93%{transform:rotate(22deg);}
		92%{transform:rotate(-21deg);}
		91%{transform:rotate(20deg);}
		90%{transform:rotate(-19deg);}
		88%{transform:rotate(18deg);}
		86%{transform:rotate(-17deg);}
		84%{transform:rotate(16deg);}
		82%{transform:rotate(-15deg);}
		80%{transform:rotate(14deg);}
		76%{transform:rotate(-13deg);}
		72%{transform:rotate(12deg);}
		68%{transform:rotate(-11deg);}
		64%{transform:rotate(10deg);}
		60%{transform:rotate(-9deg);}
		55%{transform:rotate(8deg);}
		50%{transform:rotate(-7deg);}
		45%{transform:rotate(6deg);}
		40%{transform:rotate(-5deg);}
		30%{transform:rotate(4deg);}
		20%{transform:rotate(-3deg);}
		10%{transform:rotate(2deg);}
		0%{transform:rotate(0deg);}
}
@-webkit-keyframes myfirst{
		100%{transform:rotate(-29deg);}
		99%{transform:rotate(28deg);}
		98%{transform:rotate(-27deg);}
		97%{transform:rotate(26deg);}
		96%{transform:rotate(-25deg);}
		95%{transform:rotate(24deg);}
		94%{transform:rotate(-23deg);}
		93%{transform:rotate(22deg);}
		92%{transform:rotate(-21deg);}
		91%{transform:rotate(20deg);}
		90%{transform:rotate(-19deg);}
		88%{transform:rotate(18deg);}
		86%{transform:rotate(-17deg);}
		84%{transform:rotate(16deg);}
		82%{transform:rotate(-15deg);}
		80%{transform:rotate(14deg);}
		76%{transform:rotate(-13deg);}
		72%{transform:rotate(12deg);}
		68%{transform:rotate(-11deg);}
		64%{transform:rotate(10deg);}
		60%{transform:rotate(-9deg);}
		55%{transform:rotate(8deg);}
		50%{transform:rotate(-7deg);}
		45%{transform:rotate(6deg);}
		40%{transform:rotate(-5deg);}
		30%{transform:rotate(4deg);}
		20%{transform:rotate(-3deg);}
		10%{transform:rotate(2deg);}
		0%{transform:rotate(0deg);}
}
.ani_view,.ani_view01,.ani_view02{position:relative; float:left; top:60px;opacity:0;}
/*********结束首页底部***********/